.clear:after{
    content: "";
    display: block;
    clear: both;
}
/* header :start */
header{
    padding: 0rem .23rem 0rem .3rem ;
    /* width: 7.5rem; */
    /* height: 1.06rem; */
    /* line-height: 1.06rem; */
    border-bottom: .02rem solid rgb(217, 217, 217);
    /* background-color: red; */
    background: linear-gradient(to bottom, rgb(239, 239, 239) .08%,rgb(254, 254, 254));
}
header a:first-child{
    margin-right: .84rem;
    font-size: .72rem;
    color: rgb(253, 84, 14); 
    vertical-align: top;

}

header .h2{
    margin: .3rem 0;
    margin-left: .2rem;
    display: inline-block;
    width: 3.5rem;
    font-size: .32rem;
    text-align: center;
}
header .share{
    float: right;
    margin-top: .16rem;
    margin-left: 1.1rem;
    display: inline-block;
}
header .share img{
    width: .7rem;
    
}
/* goods :start */
.content {
    background-color: rgb(234, 235, 239);
}
.content .goods{
    /* width: 7.5rem; */
    text-align: center;
    background-color: #fff;
    border-bottom: .02rem solid rgb(217, 217, 217);
}
.content .goods > img{
    margin-top: .5rem;
    margin-bottom: .45rem;
    width: 2.78rem;
}
.content .price{
    padding: .21rem .23rem .16rem .3rem;
    background-color: #fff;
    border-bottom: .02rem solid rgb(217, 217, 217);
}
.content .price p{
    margin-bottom: .41rem;
    font-size: .37rem;
}
.content .price span{
    display: inline-block;
    margin-right: .28rem;
    color: rgb(232, 71, 14);
    font-size: .48rem;
}
.content .price del{
    font-size: .42rem;
    color: rgb(206, 206, 206);
}
.content .description{
    background-color: rgb(248, 248, 248);
}
.content .description div{
    border-bottom: .02rem solid rgb(217, 217, 217);
}

.content .description div span:first-child{
    margin: .21rem .55rem .26rem .22rem;
    width: 1.21rem;
    display: inline-block;
    font-size: .3rem;
    color: rgb(158, 158, 158);
    text-align: justify;
    text-align-last: justify;   
}
.content .description div span:last-child{
    font-size: .28rem;
}
.content .description,.content .goods-1{
    margin-bottom: .15rem;
}
.content .goods-1 img{
    margin: 1.22rem 0 1rem 0;
    width: 3.65rem;
}
/* footer :start */
footer{
    position: fixed;
    bottom: 0;
    width: 100%;
}
.footer{
    position: relative;
    bottom: 0;
    line-height: .61rem;
    padding: .16rem .18rem 0rem .3rem;
    border-top: .02rem solid rgb(206, 204, 204);
    background-color: rgb(244, 245, 245);
    z-index: 1;
}
.scrile{
    display: inline-block;
    position: absolute ;
    right: .1rem;
    bottom: .16rem;
    width: 1.5rem;
    height: 1.5rem;
    background-color: rgb(244, 245, 245);
    border-radius: 50%;
    border: .02rem solid rgb(206, 204, 204);
    text-align: center;

}
.footer > span:nth-child(1){
    font-size: .3rem;
    vertical-align: top;
}
.footer > span:nth-child(3){
    margin: 0 .2rem;
    font-size: .36rem;
}
.footer > span:nth-child(2),.footer > span:nth-child(4){
    display: inline-block;
    width: .58rem;
    height: .58rem;
    background-color: #fff;
    border-radius: 50%;
    border: .02rem solid rgb(217, 215, 215);
    font-size: .5302rem;
    color: rgb(254, 163, 30);
    line-height: 90%;
    text-align: center;
}


.footer div{
    position: absolute;
    right: .118rem;
    bottom: .122rem;
    width: 1.47rem;
    height: 1.47rem;
    background-color: rgb(244, 245, 245);
    border-radius: 50%;
    display: inline-block;
    text-align: center;
}
.footer div > span:last-child{
    margin: 0 auto;
    display: inline-block;
    margin-top: .06rem;
    width: 1.3rem;
    height: 1.3rem;
    border-radius: 50%;
    background-color: rgb(254, 163, 30);
    text-align: center;
}
.footer div > span:last-child >img{
    display: block;
    margin: 0 auto;
    padding-top: .27rem;
    padding-left: .04rem;
    width: .66rem;
}
.footer div > span:last-child >span{
    margin: 0 auto;
    margin-bottom: .25rem;
    display: block;
    font-size: .2rem;
    height: .27rem;
    line-height: .27rem;
    text-align: center;
    color: #fff;
}
/* @media screen and (max-device-width:425px){
    header a{
        margin-left: 1.36rem;
    }
}
@media screen and (max-device-width:375px){
    header a{
        margin-left: 1.34rem;
    }
}
@media screen and (max-device-width:320px){
    header a{
        margin-left: 1.3rem;
    }
} */